<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Insert title here</title>
    <link rel="stylesheet"
          href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
    <script
            src="https://cdn.bootcss.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
    <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet"
          media="screen">
    <script type="text/javascript" src="css/bootstrap-datetimepicker.js"></script>
    <style>
        .imgs {
            width: 900px;
            height: 400px;
            background-position: center;
            background-size: cover;
        }
        body {
            background-image: url("<%=request.getContextPath()%>/img/background2.jpg");
            background-repeat: no-repeat; /*设置背景不重复*/
            background-attachment: fixed; /*背景图片不会随着页面的滚动而滚动。*/
            background-size: cover; /*	此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。*/
            /*opacity: 0.5设置透明度*/
        }
    </style>
</head>
<%--<body background="../img/background1.jpg">--%>
<body>
<h2 align="center" style="margin-top: 20px;">网吧管理系统</h2>
<div>
    <div class="row " style="margin-top: 50px;">
        <div align="center" class="col-md-3">
            <ul class="list-group">
                <li class="list-group-item " ><a href="<%=request.getContextPath() %>/Super/Super_about.jsp"><span
                        style="color: black">首页</span></a></li>
                <li class="list-group-item  "><a href="<%=request.getContextPath() %>/UserListServlet"><span
                        style="color: black">用户会员管理</span></a></li>
                <li class="list-group-item  "><a href="<%=request.getContextPath() %>/ChongzhiListServlet"><span
                        style="color: black">充值列表</span></a></li>
                <li class="list-group-item  "><a href="<%=request.getContextPath() %>/Super/Super_AddUser.jsp"><span
                        style="color: black">添加用户</span></a></li>
                <li class="list-group-item active  "><a href="<%=request.getContextPath() %>/Super/OnetimeCardChongzhi.jsp"><span
                        style="color: black">临时卡充值</span></a></li>
                <li class="list-group-item  "><a href="<%=request.getContextPath() %>/TodayStatistics"><span
                        style="color: black">当日收入清单</span></a></li>
                <li class="list-group-item  "><a href="<%=request.getContextPath() %>/MonthStatisticsServlet"><span
                        style="color: black">当月收入清单</span></a></li>
                <li class="list-group-item  "><a href="<%=request.getContextPath() %>/Super/Super_exit.jsp"><span
                        style="color: black">退出</span></a></li>
            </ul>
        </div>

        <div class="col-md-9">
            <div class="container" align="center">
                <form action="<%=request.getContextPath()%>/OnetimeCardServlet" method="post">
                    <table align="center">
                        <tr>
                            <td align="center"><b>充值金额:</b></td>
                            <td><input type="text" name="money"
                                       style="margin-left: 50px; margin-top: 10px;"
                                       class="form-control inputclass"></td>
                        </tr>
                        <tr>
                            <td align="center"><b>充值方式</b></td>
                            <td>
                                <input type="radio" name="czmethod" value="微信" style="margin-left: 50px; margin-top: 10px;">微信
                                <input type="radio" name="czmethod" value="支付宝" style="margin-left: 50px; margin-top: 10px;">支付宝
                                <input type="radio" name="czmethod" value="现金" style="margin-left: 50px; margin-top: 10px;">现金
                            </td>
                        </tr>
                    </table>
                    <button type="submit" style="margin-left: 20px; margin-top: 30px;"
                            class="btn btn-info">确认信息
                    </button>

                    <a href="Super_about.jsp" class="btn btn-danger"
                       style="margin-left: 80px; margin-top: 30px;"><span>取消</span></a>

                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $('.form_date').datetimepicker({
        format: 'yyyy-mm-dd',
        weekStart: 1,
        todayBtn: 1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,
        forceParse: 0,
    });
</script>
<%--<jsp:include page="Super_footer.jsp"></jsp:include>--%>
</body>
</html>